﻿@{
    ViewBag.Title = "Index";
}

<!doctype html>
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <title>重庆南川土特产在线交易平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--meta info-->
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="icon" type="image/ico" href="../../PIC/index_m/fav.ico">
    <!--stylesheet include-->
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/camera.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/owl.carousel.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/owl.transitions.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/jquery.custom-scrollbar.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/style.css">
    <!--font include-->
    <link href="../../CSS/index/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <!--boxed layout-->
    <div class="boxed_layout relative w_xs_auto">
        <!--[if (lt IE 9) | IE 9]>
            <div style="background:#fff;padding:8px 0 10px;">
            <div class="container" style="width:1170px;"><div class="row wrapper"><div class="clearfix" style="padding:9px 0 0;float:left;width:83%;"><i class="fa fa-exclamation-triangle scheme_color f_left m_right_10" style="font-size:25px;color:#e74c3c;"></i><b style="color:#e74c3c;">Attention! This page may not display correctly.</b> <b>You are using an outdated version of Internet Explorer. For a faster, safer browsing experience.</b></div><div class="t_align_r" style="float:left;width:16%;"><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode" class="button_type_4 r_corners bg_scheme_color color_light d_inline_b t_align_c" target="_blank" style="margin-bottom:2px;">Update Now!</a></div></div></div></div>
        <![endif]-->
        <!--页眉-->
        <header role="banner">
            <!--header top part-->
            <section class="h_top_part">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-5 t_xs_align_c">
                            <p class="f_size_small">欢迎！您可以	<a href="../Home/Logon" >登录</a> 或 <a href="../Home/Logon">免费注册</a> </p>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-2 t_align_c t_xs_align_c">
                            <p class="f_size_small">热线电话: <b class="color_dark">(023) 1234-4567</b></p>
                        </div>
                        <nav class="col-lg-4 col-md-4 col-sm-5 t_align_r t_xs_align_c">
                            <ul class="d_inline_b horizontal_list clearfix f_size_small users_nav">
                                <li><a href="#" class="default_t_color">我的中心</a></li>
                                <li><a href="#" class="default_t_color">订单</a></li>
                                <li><a href="#" class="default_t_color">帮助</a></li>
                                <li><a href="#" class="default_t_color">关于我们</a></li>
                                
                            </ul>
                        </nav>
                    </div>
                </div>
            </section>
            <!--header bottom part-->
            <section class="h_bot_part container">
                <div class="clearfix row">
                    <div class="col-lg-6 col-md-6 col-sm-4 t_xs_align_c">
                        <a href="../Front/Index" class="logo m_xs_bottom_15 d_xs_inline_b">
                            <img src="../../PIC/index_m/logo.png" alt="">
                        </a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-8 t_align_r t_xs_align_c">
                        <ul class="d_inline_b horizontal_list clearfix t_align_l site_settings">
                            <!--like-->
                            <li style=" margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img  src="../../PIC/index_m/top_ico11.png" />
                                <br />原产地
                            </li>
                            <li style="float: left; margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img src="../../PIC/index_m/top_ico12.png" />
                                <br />有保障
                            </li>
                            <li style="float: left; margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img src="../../PIC/index_m/top_ico13.png" />
                                <br />有信誉
                            </li>
                            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                            <li>
                                <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-heart-o f_size_ex_large"></i><span class="count circle t_align_c">12</span></a>
                            </li>
                            <li class="m_left_5">
                                <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-files-o f_size_ex_large"></i><span class="count circle t_align_c">3</span></a>
                            </li>
                            
                            <!--shopping cart-->
                            <li class="m_left_5 relative container3d" id="shopping_button">
                                <a role="button" href="#" class="button_type_3 color_light bg_scheme_color d_block r_corners tr_delay_hover box_s_none">
                                    <span class="d_inline_middle shop_icon m_mxs_right_0">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span class="count tr_delay_hover type_2 circle t_align_c">3</span>
                                    </span>
                                    <b class="d_mxs_none">$355</b>
                                </a>
                                <div class="shopping_cart top_arrow tr_all_hover r_corners">
                                    <div class="f_size_medium sc_header">Recently added item(s)</div>
                                    <ul class="products_list">
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_1.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_2.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_3.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <!--total price-->
                                    <ul class="total_price bg_light_color_1 t_align_r color_dark">
                                        <li class="m_bottom_10">Tax: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$0.00</span></li>
                                        <li class="m_bottom_10">Discount: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$37.00</span></li>
                                        <li>Total: <b class="f_size_large bold scheme_color sc_price t_align_l d_inline_b m_left_15">$999.00</b></li>
                                    </ul>
                                    <div class="sc_footer t_align_c">
                                        <a href="#" role="button" class="button_type_4 d_inline_middle bg_light_color_2 r_corners color_dark t_align_c tr_all_hover m_mxs_bottom_5">View Cart</a>
                                        <a href="#" role="button" class="button_type_4 bg_scheme_color d_inline_middle r_corners tr_all_hover color_light">Checkout</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
            <!--main menu container-->
            <section class="menu_wrap relative">
                <div class="container clearfix">
                    <!--button for responsive menu-->
                    <button id="menu_button" class="r_corners centered_db d_none tr_all_hover d_xs_block m_bottom_10">
                        <span class="centered_db r_corners"></span>
                        <span class="centered_db r_corners"></span>
                        <span class="centered_db r_corners"></span>
                    </button>
                    <!--main menu-->
                    <nav role="navigation" class="f_left f_xs_none d_xs_none">
                        <ul class="horizontal_list main_menu clearfix">
                            <li class="current relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Index" class="tr_delay_hover color_light tt_uppercase"><b>特色推荐</b></a>
                                <!--sub menu-->
                                <div class="sub_menu_wrap top_arrow d_xs_none tr_all_hover clearfix r_corners w_xs_auto">
                                    <div class="f_left f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">销量TOP</b>
                                        <ul class="sub_menu first">
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Tea"><i class="fa fa-coffee"></i>&nbsp;&nbsp;清新茶类</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Rice"><i class="fa fa-pagelines"></i>&nbsp;&nbsp;五谷杂粮</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Meat"><i class="fa fa-cutlery"></i>&nbsp;&nbsp;营养肉类</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Jfood"><i class="fa fa-beer"></i>&nbsp;&nbsp;可口小吃</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Fruit"><i class="fa fa-lemon-o"></i>&nbsp;&nbsp;清新瓜果</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Gift"><i class="fa fa-gift"></i>&nbsp;&nbsp;精致物件</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Aboutus"><i class="fa fa-map-marker"></i>&nbsp;&nbsp;关于我们</a></li>
                                        </ul>
                                    </div>
                                    <div class="f_left f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">购物指南</b>
                                        <ul class="sub_menu first">
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">账户自助服务</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">新账户注册</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">配送说明</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">怎么样下订单</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">支付方式</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../../Front/Aboutus">帮助中心</a></li>
                                        </ul>
                                    </div>
                                    <div class="f_left m_left_10 m_xs_left_0 f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">友情链接</b>
                                        <ul class="sub_menu">
                                            <li><a class="color_dark tr_delay_hover" href="http://baike.baidu.com/link?url=1vX5bkJWaR959SOxZ4aDuSMtkdmejRof-UZxgWeqxpXDoJTSmdH27izaIcxWhrYhw6CuZxc24XWjQkfxizj_T_">关于重庆南川区</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://baike.baidu.com/link?url=Gyk8YUvNsGfopzUosACtfVB0GTSUYEwC1IRlrWcse1wIPaWQfgaPLhEfxOfEw_BhlogXxV1GQyOwgZIfRvFE8yF9lby7JDCD6sqCRTT5U8O">美丽的重庆</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://www.bytravel.cn/view/top10/index729.html">南川十大景点</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://www.cqnc.gov.cn/">重庆南川政府</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://trip.elong.com/nanchuan/">南川旅游攻略</a></li>
                                        </ul>
                                    </div>
                                    <img src="../../PIC/index_m/woman_image_1.jpg" class="d_sm_none f_right m_bottom_10" alt="">
                                </div>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Tea" class="tr_delay_hover color_light tt_uppercase"><b>清新茶类</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Rice" class="tr_delay_hover color_light tt_uppercase"><b>五谷杂粮</b></a>
                                
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Meat" class="tr_delay_hover color_light tt_uppercase"><b>营养肉类</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Jfood" class="tr_delay_hover color_light tt_uppercase"><b>可口小吃</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Fruit" class="tr_delay_hover color_light tt_uppercase"><b>新鲜瓜果</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Gift" class="tr_delay_hover color_light tt_uppercase"><b>精致物件</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5"><a href="../Front/Aboutus" class="tr_delay_hover color_light tt_uppercase"><b>关于南川</b></a></li>
                        </ul>
                    </nav>
                    <button class="f_right search_button tr_all_hover f_xs_none d_xs_none">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
                <!--search form-->
                <div class="searchform_wrap tf_xs_none tr_all_hover">
                    <div class="container vc_child h_inherit relative">
                        <form role="search" class="d_inline_middle full_width">
                            <input type="text" name="search" placeholder="请输入搜索内容" class="f_size_large">
                        </form>
                        <button class="close_search_form tr_all_hover d_xs_none color_dark">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
            </section>
        </header>
        <!--幻灯片-->
        <div class="camera_wrap m_bottom_0">
            <div data-src="../../PIC/index_m/slide_02.jpg" data-custom-thumb="../../PIC/index_m/slide_02.jpg">
                <div class="camera_caption_1 fadeFromTop t_align_c d_xs_none">
                    <div class="f_size_large color_light tt_uppercase slider_title_3 m_bottom_5">中华田园之乡</div>
                    <hr class="slider_divider d_inline_b m_bottom_5">
                    <div class="color_light slider_title tt_uppercase t_align_c m_bottom_45 m_sm_bottom_20"><b> 重庆&amp;南川金佛山 <br>鲜肉</b></div>
                    <div class="color_light slider_title_2 m_bottom_45">￥<b>50.00</b></div>
                    <a href="#" role="button" class="tr_all_hover button_type_4 bg_scheme_color color_light r_corners tt_uppercase">马上购买</a>
                </div>
            </div>
            <div data-src="../../PIC/index_m/slide_01.jpg" data-custom-thumb="../../PIC/index_m/slide_01.jpg">
                <div class="camera_caption_2 fadeIn t_align_c d_xs_none">
                    <div class="f_size_large tt_uppercase slider_title_3 scheme_color">重庆南川</div>
                    <hr class="slider_divider type_2 m_bottom_5 d_inline_b">
                    <div class="color_light slider_title tt_uppercase t_align_c m_bottom_65 m_sm_bottom_20"><b><span class="scheme_color">南川贡米零利大促销</span><br><span class="color_dark">赶快抢购</span></b></div>
                    <a href="#" role="button" class="d_sm_inline_b button_type_4 bg_scheme_color color_light r_corners tt_uppercase tr_all_hover">继续选购</a>
                </div>
            </div>
            <div data-src="../../PIC/index_m/slide_03.jpg" data-custom-thumb="../../PIC/index_m/slide_03.jpg">
                <div class="camera_caption_3 fadeFromTop t_align_c d_xs_none">
                    <img src="../../PIC/index_m/slider_layer_img.png" alt="" class="m_bottom_5">
                    <div class="color_light slider_title tt_uppercase t_align_c m_bottom_60 m_sm_bottom_20"><b class="color_dark">最低价↓↓</b></div>
                    <a href="#" role="button" class="d_sm_inline_b button_type_4 bg_scheme_color color_light r_corners tt_uppercase tr_all_hover">现在购买</a>
                </div>
            </div>
        </div>
        <!--热销商品展示-->
        <div class="page_content_offset">
            <div class="container">
                <h2 class="tt_uppercase m_bottom_20 color_dark heading1 animate_ftr">热销商品展示窗</h2>
                <!--filter navigation of products-->
                <ul class="horizontal_list clearfix tt_uppercase isotope_menu f_size_ex_large">
                    <li class="active m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter="*">全部</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".featured">热门TOP</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".new">新品</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".specials">大减价</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".hit">我要囤货</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".random">美食总动员</button></li>
                    <li class="m_right_5 m_bottom_10 m_xs_bottom_5 animate_ftr"><button class="button_type_2 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none" data-filter=".rated">我的特色</button></li>
                </ul>
                <!--products-->
                <section class="products_container clearfix m_bottom_25 m_sm_bottom_15">
                    <!--product item-->
                    <div class="product_item">
                        <figure class="r_corners photoframe shadow relative hit animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative pp_wrap">
                                <!--hot product-->
                                <span class="hot_stripe"><img src="../../PIC/index_m/hot_product.png" alt=""></span>
                                <img src="../../PIC/index_m/product_img_1.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">查看详情</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Eget elementum vel</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15">￥102.00</p>
                                    <!--评星点儿-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">加入购物车</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item featured">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative wrapper pp_wrap">
                                <img src="../../PIC/index_m/product_img_2.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Ut tellus dolor dapibus</a></h5>
                                <div class="clearfix m_bottom_15">
                                    <p class="scheme_color f_size_large f_left">$57.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <div class="clearfix">
                                    <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light f_left mw_0">Add to Cart</button>
                                    <button class="button_type_4 bg_light_color_2 tr_all_hover f_right r_corners color_dark mw_0 m_left_5 p_hr_0"><i class="fa fa-files-o"></i></button>
                                    <button class="button_type_4 bg_light_color_2 tr_all_hover f_right r_corners color_dark mw_0 p_hr_0"><i class="fa fa-heart-o"></i></button>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item new">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative wrapper pp_wrap">
                                <img src="../../PIC/index_m/product_img_3.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Cursus eleifend elit aenean aucto.</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15">$99.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item specials">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative pp_wrap">
                                <!--sale product-->
                                <span class="hot_stripe"><img src="../../PIC/index_m/sale_product.png" alt=""></span>
                                <img src="../../PIC/index_m/product_img_4.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Aliquam erat volutpat</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15"><s>$79.00</s> $36.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item hit">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative pp_wrap">
                                <!--hot product-->
                                <span class="hot_stripe type_2"><img src="../../PIC/index_m/hot_product_type_2.png" alt=""></span>
                                <img src="../../PIC/index_m/product_img_5.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Eget elementum vel</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15">$102.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item featured">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative wrapper pp_wrap">
                                <img src="../../PIC/index_m/product_img_6.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                <span class="clearfix p_buttons d_block tr_all_hover">
                                    <span class="box_s_none button_type_5 tr_delay_hover f_left r_corners color_light p_hr_0"><i class="fa fa-heart-o"></i></span>
                                    <span class="box_s_none button_type_5 tr_delay_hover f_left r_corners color_light m_left_5 p_hr_0"><i class="fa fa-files-o"></i></span>
                                </span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Ut tellus dolor dapibus</a></h5>
                                <div class="clearfix m_bottom_15">
                                    <p class="scheme_color f_size_large f_left">$57.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item specials">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative wrapper pp_wrap">
                                <img src="../../PIC/index_m/product_img_7.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Cursus eleifend elit aenean aucto.</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15">$99.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                    <!--product item-->
                    <div class="product_item rated">
                        <figure class="r_corners photoframe shadow relative animate_ftb long">
                            <!--product preview-->
                            <a href="#" class="d_block relative pp_wrap">
                                <!--sale product-->
                                <span class="hot_stripe type_2"><img src="../../PIC/index_m/sale_product_type_2.png" alt=""></span>
                                <img src="../../PIC/index_m/product_img_8.jpg" class="tr_all_hover" alt="">
                                <span data-popup="#quick_view_product" class="box_s_none button_type_5 color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                            </a>
                            <!--description and price of product-->
                            <figcaption>
                                <h5 class="m_bottom_10"><a href="#" class="color_dark">Aliquam erat volutpat</a></h5>
                                <div class="clearfix">
                                    <p class="scheme_color f_left f_size_large m_bottom_15"><s>$79.00</s> $36.00</p>
                                    <!--rating-->
                                    <ul class="horizontal_list f_right clearfix rating_list tr_all_hover">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                </div>
                                <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0">Add to Cart</button>
                            </figcaption>
                        </figure>
                    </div>
                </section>
                <!--品牌秀场-->
                <div class="clearfix m_bottom_25 m_sm_bottom_20">
                    <h2 class="tt_uppercase color_dark f_left heading2 animate_fade f_mxs_none m_mxs_bottom_15">品牌秀场</h2>
                    <div class="f_right clearfix nav_buttons_wrap animate_fade f_mxs_none">
                        <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left tr_delay_hover r_corners pb_prev"><i class="fa fa-angle-left"></i></button>
                        <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners pb_next"><i class="fa fa-angle-right"></i></button>
                    </div>
                </div>
                <!--product brands carousel-->
                <div class="product_brands m_bottom_45 m_sm_bottom_35">
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                    <a href="#" class="d_block t_align_c animate_fade"><img src="../../PIC/index_m/brand_logo.jpg" alt=""></a>
                </div>
                <!--blog-->
                <div class="row clearfix m_bottom_45 m_sm_bottom_35">
                    <div class="col-lg-6 col-md-6 col-sm-12 m_sm_bottom_35 blog_animate animate_ftr">
                        <div class="clearfix m_bottom_25 m_sm_bottom_20">
                            <h2 class="tt_uppercase color_dark f_left">南川生活</h2>
                            <div class="f_right clearfix nav_buttons_wrap">
                                <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left tr_delay_hover r_corners blog_prev"><i class="fa fa-angle-left"></i></button>
                                <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners blog_next"><i class="fa fa-angle-right"></i></button>
                            </div>
                        </div>
                        <!--南川生活-->
                        <div class="blog_carousel">
                            <div class="clearfix">
                                <!--image-->
                                <a href="#" class="d_block photoframe relative shadow wrapper r_corners f_left m_right_20 animate_ftt f_mxs_none m_mxs_bottom_10">
                                    <img class="tr_all_long_hover" src="../../PIC/index_m/blog_img_1.jpg" alt="">
                                </a>
                                <!--post content-->
                                <div class="mini_post_content">
                                    <h4 class="m_bottom_5 animate_ftr"><a href="#" class="color_dark"><b>优美自然风光的南川</b></a></h4>
                                    <p class="f_size_medium m_bottom_10 animate_ftr">2016.05.09 星期一</p>
                                    <p class="m_bottom_10 animate_ftr">南川是一座旅游度假城。旅游资源得天独厚，金佛山幅员1300平方公里，是重庆唯一集国家风景名胜区、国家森林公园、国家自然保护区、国家自然遗产、国家4A级景区等桂冠于一身的中国最具魅力旅游景区，被誉为“东方阿尔卑斯山”。</p>
                                </div>
                            </div>
                            <div class="clearfix">
                                <!--image-->
                                <a href="#" class="d_block photoframe relative shadow wrapper r_corners f_left m_right_20 animate_ftt f_mxs_none m_mxs_bottom_10">
                                    <img class="tr_all_long_hover" src="../../PIC/index_m/blog_img_2.jpg" alt="">
                                </a>
                                <!--post content-->
                                <div class="mini_post_content">
                                    <h4 class="m_bottom_5 animate_ftr"><a href="#" class="color_dark"><b>快速发展的南川</b></a></h4>
                                    <p class="f_size_medium m_bottom_10 animate_ftr">2016.05.09 星期一</p>
                                    <p class="m_bottom_10 animate_ftr">南川处于快速发展时期，全区上下在区委、区政府的正确领导下,抢抓主体功能区划战略实施和转型发展试点机遇。</p>
                                </div>
                            </div>
                            <div class="clearfix">
                                <!--image-->
                                <a href="#" class="d_block photoframe relative shadow wrapper r_corners f_left m_right_20 animate_ftt f_mxs_none m_mxs_bottom_10">
                                    <img class="tr_all_long_hover" src="../../PIC/index_m/blog_img_3.jpg" alt="">
                                </a>
                                <!--post content-->
                                <div class="mini_post_content">
                                    <h4 class="m_bottom_5 animate_ftr"><a href="#" class="color_dark"><b>舌尖上的南川</b></a></h4>
                                    <p class="f_size_medium m_bottom_10 animate_ftr">2016.05.09 星期一</p>
                                    <p class="m_bottom_10 animate_ftr">南川金佛山特色小吃推荐有关的信息,糯米油粽糯米油棕是南川区金佛山一带流传已久的民间传统小吃,具有棕皮酥脆,粽肉柔和,糍糯鲜香的特点。 </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--历史文化-->
                    <div class="col-lg-6 col-md-6 col-sm-12 ti_animate animate_ftr">
                        <div class="clearfix m_bottom_25 m_sm_bottom_20">
                            <h2 class="tt_uppercase color_dark f_left f_mxs_none m_mxs_bottom_15">南川历史文化</h2>
                            <div class="f_right clearfix nav_buttons_wrap f_mxs_none">
                                <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left tr_delay_hover r_corners ti_prev"><i class="fa fa-angle-left"></i></button>
                                <button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners ti_next"><i class="fa fa-angle-right"></i></button>
                            </div>
                        </div>
                        <!--testimonials carousel-->
                        <div class="testiomials_carousel">
                            <div>
                                <blockquote class="r_corners shadow f_size_large relative m_bottom_15 animate_ftr">朝辞白帝彩云间,千里江陵一日还,<br/>两岸猿声啼不住,轻舟已过万重山……</blockquote>
                                <img class="circle m_left_20 d_inline_middle animate_ftr" src="../../PIC/index_m/testimonial_img_1.jpg" alt="">
                                <div class="d_inline_middle m_left_15 animate_ftr">
                                    <h5 class="color_dark"><b>李白</b></h5>
                                    <p>唐朝诗仙</p>
                                </div>
                            </div>
                            <div>
                                <blockquote class="r_corners shadow f_size_large relative m_bottom_15">踏着老树蔽日下的芬兰木栈道，山风拍打的箭竹浪声，切身用“五觉”体验金佛山神奇之风：听风之声、观风之魅、嗅风之息、品风之味、捕风之灵。</blockquote>
                                <img class="circle m_left_20 d_inline_middle" src="../../PIC/index_m/testimonial_img_2.jpg" alt="">
                                <div class="d_inline_middle m_left_15">
                                    <h5 class="color_dark"><b>杜甫</b></h5>
                                    <p>唐朝诗圣</p>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
               
            </div>
        </div>

        <!--页尾-->
        <footer id="footer">
            <div class="footer_top_part">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">关于我们</h3>
                            <p class="m_bottom_25">南川区位于重庆南部，地处渝黔、渝湘经济带交汇点，
                            属重庆城市发展新区，东南与贵州省道真、正安、桐梓县接壤，东北与武隆县为邻，
                            北接涪陵区，西连巴南区、綦江区。
                                境内的金佛山被誉为“南方如初佛地，巴蜀第一名山”，
                            素有“北有峨眉、南有金佛，东朝普陀、西拜金佛”之说。
                            先后被评为全国文化先进区、中国楹联文化之乡、民间歌舞之乡、笙歌苗舞之乡、板凳龙舞之乡。
</p>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">购物指南</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">账户自助服务<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">新账户注册<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">配送说明<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">怎么样下订单<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">支付方式<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">帮助中心<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">常见问题</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">退换货流程<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">服务保证承诺<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">账号密码问题<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">交易条款<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">关于商家加盟<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">关于开发商<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <h3 class="color_light_2 m_bottom_20">意见收集</h3>
                            <p class="f_size_medium m_bottom_15">我们平台购买的商品保证我们平台购买的商品保证我们平台购买的商品保证我们平台购买的商品保证</p>
                            <form id="newsletter">
                                <input type="email" placeholder="您的意见" class="m_bottom_20 r_corners f_size_medium full_width" name="newsletter-email">
                                <button type="submit" class="button_type_8 r_corners bg_scheme_color color_light tr_all_hover">提交</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--copyright part-->
            <div class="footer_bottom_part">
                <div class="container clearfix t_mxs_align_c">
                    <div class="jianyi"> </div>
                    <p class="f_left f_mxs_none m_mxs_bottom_10"><span class="color_light"><a>重庆理工大学花溪校区</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;计算机科学与工程——钟意&nbsp;&nbsp;&copy; Copyright 2016 CQUT</p>
                    <ul class="f_right horizontal_list clearfix f_mxs_none d_mxs_inline_b">
                        <li><img src="../../PIC/index_m/payment_img_1.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_2.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_3.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_4.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_5.png" alt=""></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
    <!--右边小框-->
    <ul class="social_widgets d_xs_none">
        <!--facebook-->
        <li class="relative">
            <button class="sw_button t_align_c facebook"><i class="fa fa-phone"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">热线电话: <br />(023) 1234-4567</h3>

            </div>
        </li>
        <!--twitter feed-->
        <li class="relative">
            <button class="sw_button t_align_c twitter"><i class="fa fa-envelope-o"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">您的意见</h3>
                <form id="contactform" class="mini">
                    <textarea class="f_size_medium r_corners full_width m_bottom_20" placeholder="请输入……" name="cf_message"></textarea>
                    @*<button type="submit" class="button_type_4 r_corners mw_0 tr_all_hover color_dark bg_light_color_2">发送</button>*@
                    <a role="button" class="button_type_4 d_inline_b r_corners tr_all_hover color_light tw_color" href="#">点击发送</a>
                </form>
            </div>
            @*<div class="sw_content">
                <h3 class="color_dark m_bottom_20">Latest Tweets</h3>
                <div class="twitterfeed m_bottom_25"></div>
                <a role="button" class="button_type_4 d_inline_b r_corners tr_all_hover color_light tw_color" href="#">Follow on Twitter</a>
            </div>*@
        </li>
        <!--contact form-->
        <li class="relative">
            <button class="sw_button t_align_c contact"><i class="fa fa-map-marker"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">所在地址</h3>
                <ul class="c_info_list">
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_15">
                            <i class="fa fa-map-marker f_left color_dark"></i>
                            <p class="contact_e">重庆市巴南区,<br> 红光大道69号</p>
                        </div>

                    </li>
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_10">
                            <i class="fa fa-phone f_left color_dark"></i>
                            <p class="contact_e">800-559-65-80</p>
                        </div>
                    </li>
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_10">
                            <i class="fa fa-envelope f_left color_dark"></i>
                            <a class="contact_e default_t_color" href="mailto:#">123456789@qq.com</a>
                        </div>
                    </li>
                    <li>
                        <div class="clearfix">
                            <i class="fa fa-clock-o f_left color_dark"></i>
                            <p class="contact_e">发货时间:<br />星期一 - 星期五: 08：00-20：00 <br>星期六 - 星期日: 09：00-15：00</p>
                        </div>
                    </li>
                </ul>
            </div>
            
        </li>
        <!--contact info-->
        <li class="relative">
            <button class="sw_button t_align_c googlemap"><i class="fa fa-question-circle"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20"><a href="../../Front/Aboutus">帮助中心</a></h3>
                
            </div>
        </li>
    </ul>
    <!--custom popup-->
    <div class="popup_wrap d_none" id="quick_view_product">
        <section class="popup r_corners shadow">
            <button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
            <div class="clearfix">
                <div class="custom_scrollbar">
                    <!--left popup column-->
                    <div class="f_left half_column">
                        <div class="relative d_inline_b m_bottom_10 qv_preview">
                            <span class="hot_stripe"><img src="../../PIC/index_m/sale_product.png" alt=""></span>
                            <img src="../../PIC/index_m/quick_view_img_1.jpg" class="tr_all_hover" alt="">
                        </div>
                        <!--carousel-->
                        <div class="relative qv_carousel_wrap m_bottom_20">
                            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_prev">
                                <i class="fa fa-angle-left "></i>
                            </button>
                            <ul class="qv_carousel d_inline_middle">
                                <li data-src="../../PIC/index_m/quick_view_img_1.jpg"><img src="../../PIC/index_m/quick_view_img_4.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_2.jpg"><img src="../../PIC/index_m/quick_view_img_5.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_3.jpg"><img src="../../PIC/index_m/quick_view_img_6.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_1.jpg"><img src="../../PIC/index_m/quick_view_img_4.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_2.jpg"><img src="../../PIC/index_m/quick_view_img_5.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_3.jpg"><img src="../../PIC/index_m/quick_view_img_6.jpg" alt=""></li>
                            </ul>
                            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_next">
                                <i class="fa fa-angle-right "></i>
                            </button>
                        </div>
                        @*<div class="d_inline_middle">Share this:</div>*@
                        @*<div class="d_inline_middle m_left_5">
                            <!-- AddThis Button BEGIN -->
                            <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                <a class="addthis_button_preferred_1"></a>
                                <a class="addthis_button_preferred_2"></a>
                                <a class="addthis_button_preferred_3"></a>
                                <a class="addthis_button_preferred_4"></a>
                                <a class="addthis_button_compact"></a>
                                <a class="addthis_counter addthis_bubble_style"></a>
                            </div>
                            <!-- AddThis Button END -->
                        </div>*@
                    </div>
                    <!--商品信息框-->
                    <div class="f_right half_column">
                        <!--description-->
                        <h2 class="m_bottom_10"><a href="#" class="color_dark fw_medium">商品名称（动态）</a></h2>
                        <div class="m_bottom_10">
                            <!--rating-->
                            <ul class="horizontal_list d_inline_middle type_2 clearfix rating_list tr_all_hover">
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li>
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                            </ul>
                            <a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">评价 </a>
                        </div>
                        <hr class="m_bottom_10 divider_type_3">
                        <table class="description_table m_bottom_10">
                            <tr>
                                <td>生产地点</td>
                                <td><a href="#" class="color_dark">重庆南川</a></td>
                            </tr>
                            <tr>
                                <td>商家名称</td>
                                <td><span class="color_green">昵称</span> 名字（动态）</td>
                            </tr>
                            <tr>
                                <td>商家联系方式</td>
                                <td>18324147808（动态）</td>
                            </tr>
                        </table>
                        @*<h5 class="fw_medium m_bottom_10">产品基本信息</h5>*@
                        <table class="description_table m_bottom_5">
                            <tr>
                                <td>产品数量:</td>
                                <td><span class="color_dark">1000（动态）</span></td>
                            </tr>
                            <tr>
                                <td>产品类别:</td>
                                <td>新鲜瓜果（动态）</td>
                            </tr>
                        </table>
                        <hr class="divider_type_3 m_bottom_10">
                        <p class="m_bottom_10">（动态）味道：甘鲜醇厚、醇而带爽、入口顺，回甘,茶汤观音味纯正。<br />颜色：茶汤金亮橙明，清澄通透，鲜爽如朝露。 ·<br />包装：绿色环保的纸袋，附送夹子。</p>
                        <hr class="divider_type_3 m_bottom_15">
                        <div class="m_bottom_15">
                            @*<s class="v_align_b f_size_ex_large">$152.00</s><span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">$102.00</span>*@
                            <span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">￥102.00</span>
                        </div>
                        <table class="description_table type_2 m_bottom_15">
                            @*<tr>
                                <td class="v_align_m">Size:</td>
                                <td class="v_align_m">
                                    <div class="custom_select f_size_medium relative d_inline_middle">
                                        <div class="select_title r_corners relative color_dark">s</div>
                                        <ul class="select_list d_none"></ul>
                                        <select name="product_name">
                                            <option value="s">s</option>
                                            <option value="m">m</option>
                                            <option value="l">l</option>
                                        </select>
                                    </div>
                                </td>
                            </tr>*@
                            <tr>
                                <td class="v_align_m">数量:</td>
                                <td class="v_align_m">
                                    <div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark">
                                        <button class="bg_tr d_block f_left" data-direction="down">-</button>
                                        <input type="text" name="" readonly value="1" class="f_left">
                                        <button class="bg_tr d_block f_left" data-direction="up">+</button>
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <div class="clearfix m_bottom_15">
                            <button class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover f_left f_size_large">加入购物车</button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-heart-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏</span></button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-files-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">我的订单</span></button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0 relative"><i class="fa fa-question-circle f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">帮助中心</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <button class="t_align_c r_corners tr_all_hover animate_ftl" id="go_to_top"><i class="fa fa-angle-up"></i></button>
    <!--scripts include-->
    <script src="../../Scripts/index/jquery-2.1.0.min.js"></script>
    <script src="../../Scripts/index/jquery-migrate-1.2.1.min.js"></script>
    <script src="../../Scripts/index/retina.js"></script>
    <script src="../../Scripts/index/camera.min.js"></script>
    <script src="../../Scripts/index/jquery.easing.1.3.js"></script>
    <script src="../../Scripts/index/waypoints.min.js"></script>
    <script src="../../Scripts/index/jquery.isotope.min.js"></script>
    <script src="../../Scripts/index/owl.carousel.min.js"></script>
    <script src="../../Scripts/index/jquery.tweet.min.js"></script>
    <script src="../../Scripts/index/jquery.custom-scrollbar.js"></script>
    <script src="../../Scripts/index/scripts.js"></script>
</body>
</html>